.msg_div {
    .msg_top {
        width: 100%;
        height: Rm(536/3);
        background: url(../imgs_x/tuoyuan.png) no-repeat;
        background-size: 150%;
        background-position: Rm(-90) Rm(-165);
        .msg_title {
            height: Rm(135/3);
            line-height: Rm(135/3);
            text-align: center;
            color: #fff;
            font-size: Rm(44/3);
            font-weight: 600;
        }
        .msg_itemize {
            width: Rm(1042/3);
            margin: 0 auto;
            height: Rm(286/3);
            border-radius: Rm(55/3);
            background-color: #fff;
            margin-top: Rm(25/3);
            padding: 0 Rm(144/3);
            box-sizing: border-box;
            box-shadow: 0 4px 10px 0 #f2f2f2;
            display: flex;
            justify-content: space-between;
            align-items: center;
            div {
                padding: 0 Rm(33);
                img {
                    width: Rm(60);
                    height: Rm(60);
                    margin-top: Rm(3);
                }
                span {
                    display: block;
                    text-align: center;
                    color: #adadad;
                    line-height: Rm(68/3);
                }
            }
        }
    }
    .msg_content {
        .msg_content_talk {
            height: Rm(252/3);
            background-color: #fff;
            border-bottom: 1px solid #ebebeb;
            padding: Rm(42/3);
            box-sizing: border-box;
            display: flex;
            align-items: center;
            img {
                width: Rm(178/3);
                height: Rm(178/3);
            }
            .msg_content_msg_div {
                margin-left: Rm(27/3);
                .msg_content_msgdiv {
                    height: Rm(70/3);
                    line-height: Rm(70/3);
                    .talkername {
                        font-size: Rm(14);
                        font-weight: 600;
                    }
                    .msg_success {
                        font-size: Rm(22/3);
                        color: #ff0000;
                        transfoRm: scale(0.61);
                        margin-left: Rm(43/3);
                        -webkit-transfoRm-origin-x: 0;
                    }
                }
                .msg_content_msgxt {
                    line-height: Rm(62/3);
                }
            }
        }
    }
}

.msg_detailsdiv {
    .active_detailcontent {
        overflow: hidden;
        .active_detail {
            width: Rm(1042/3);
            height: Rm(522/3);
            //   background-color: red;
            border-radius: Rm(10);
            margin: 0 auto;
            margin-top: Rm(66/3);
            box-shadow: 0 5px 10px 0 #f2f2f2;
            margin-bottom: Rm(20/3);
            img {
                width: 100%;
                height: Rm(100);
                display: block;
                border-radius: Rm(10);
            }
            .active_details_div {
                padding: 0 Rm(70/3);
                box-sizing: border-box;
                clear: both;
                overflow: hidden;
                .active_detail_title {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    height: Rm(90/3);
                    .title {
                        font-size: Rm(44/3);
                        font-weight: 600;
                    }
                    .time {
                        font-size: Rm(22/3);
                        color: #656565;
                        -webkit-transfoRm-origin-x: 0;
                        transfoRm: scale(0.61);
                        margin-right: Rm(-10);
                    }
                }
                .detail_text {
                    width: 168%;
                    display: block;
                    height: Rm(110/3);
                    overflow: hidden;
                    line-height: Rm(36/3);
                    -webkit-transfoRm-origin-x: 0;
                    font-size: Rm(22/3);
                    transfoRm: scale(0.6);
                    letter-spacing: 1px;
                    color: #8e8e8e;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 3;
                    overflow: hidden;
                }
            }
        }
    }
}

.square_div {
    .square_div_box {
        .square_div_div1 {
            .right {
                img {
                    width: Rm(259/3);
                    height: Rm(259/3);
                }
                div {
                    display: flex;
                    justify-content: space-around;
                }
            }
        }
        .square_div_div2 {
            .right {
                .commenter {
                    display: flex;
                    align-items: center;
                    img {
                        width: Rm(89/3);
                        height: Rm(89/3);
                    }
                    span {
                        margin-left: Rm(26/3);
                        font-size: Rm(32/3);
                        transfoRm: scale(0.88);
                        -webkit-transfoRm-origin-x: 0;
                    }
                }
                .leavemsg {
                    width: 150%;
                    font-size: Rm(26/3);
                    transfoRm: scale(0.72);
                    -webkit-transfoRm-origin-x: 0;
                    margin-top: Rm(40/3);
                    line-height: Rm(30/3);
                }
            }
        }
        .square_div_div3 {
            .right {
                .product_div {
                    padding: 0;
                    margin: 0;
                    width: Rm(512/3);
                    height: Rm(233/3);
                    display: flex;
                    img {
                        width: Rm(232/3);
                        height: Rm(232/3);
                    }
                    .product_detail {
                        width: Rm(280/3);
                        height: 100%;
                        padding: Rm(10) Rm(12);
                        box-sizing: border-box;
                        box-shadow: 0 0 10px 0 #f2f2f2;
                        .price {
                            color: #ff5858;
                            font-size: Rm(16/3);
                            display: block;
                            transfoRm: scale(0.6);
                            -webkit-transfoRm-origin-x: 0;
                        }
                        .title {
                            font-size: Rm(26/3);
                            line-height: Rm(22);
                        }
                        .text {
                            width: 200%;
                            font-size: Rm(14/3);
                            transfoRm: scale(0.38);
                            display: block;
                            -webkit-transfoRm-origin-x: 0;
                            margin-top: Rm(-5);
                        }
                    }
                }
            }
        }
        .square_div_div1,
        .square_div_div2,
        .square_div_div3 {
            height: Rm(491/3);
            padding: 0 Rm(43/3);
            box-sizing: border-box;
            display: flex;
            border-bottom: 1px solid #ccc;
            .left {
                width: Rm(239/3);
                // height: 100%;
                overflow: hidden;
                text-align: center;
                margin-top: Rm(52/3);
                .number {
                    font-size: Rm(54/3);
                    font-weight: 600;
                }
                .month {
                    font-size: Rm(44/3);
                }
            }
            .right {
                width: Rm(802/3);
                margin-top: Rm(8);
                p {
                    line-height: Rm(144/3);
                    font-size: Rm(42/3);
                    font-weight: 600;
                }
                div {
                    padding: 0 Rm(83/3);
                    box-sizing: border-box;
                }
            }
        }
    }
}

.talk_div {
    padding: 0 Rm(42/3);
    box-sizing: border-box;
    margin-bottom: Rm(50);
    height: calc(100vh - 50);
    // height: Rm(600);
    ul {
        li {
            height: Rm(222/3);
            line-height: Rm(222/3);
            .mine,
            .robot {
                position: relative;
                img {
                    width: Rm(182/3);
                    height: Rm(182/3);
                    position: absolute;
                    top: Rm(8);
                }
                span {
                    // display: inline-block;
                    // line-height: Rm(120/3);
                    padding: Rm(42/3) Rm(38/3);
                    box-sizing: border-box;
                    background: red;
                    border-radius: Rm(10);
                    margin-top: 0;
                }
            }
            .mine {
                float: right;
                img {
                    float: right;
                    right: 0;
                }
                span {
                    margin-right: Rm(70);
                    background: #2ed8c4;
                }
            }
            .robot {
                float: left;
                img {
                    left: 0;
                }
                span {
                    background: #fff;
                    margin-left: Rm(70);
                    box-shadow: 0 0 15px 0 #f2f2f2;
                }
            }
        }
    }
}

.talk_send {
    width: 100%;
    height: Rm(50);
    padding: Rm(6) Rm(10);
    box-sizing: border-box;
    background: #ebebeb;
    position: fixed;
    bottom: 0;
    input {
        width: 80%;
        height: Rm(31);
        background: #fff;
        border: none;
        border-radius: Rm(10);
        text-indent: Rm(10);
    }
    button {
        width: 16%;
        border: none;
        background: #2ed8c4;
        height: Rm(31);
        border-radius: Rm(20);
        color: #fff;
        margin-left: Rm(10);
    }
}

// .message_bg {
//     height: Rm(150);
//     background: linear-gradient(160deg, #2ed8c4, #36dcaa);
//     padding: 0 Rm(20);
//     .message_select {
//         display: flex;
//         justify-content: space-around;
//         >div {
//             width: Rm(130);
//             height: Rm(130);
//             text-align: center;
//             img {
//                 width: Rm(100);
//                 height: Rm(100);
//             }
//         }
//     }
// }